<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作元素</title>
</head>
<body>
    <!-- 
        element.innerText
        从起始位置到终止位置内容, 但它去除html标签, 同时空格和换行也会去掉
        element.innerHTML
        起始位置到终止位置的全部内容, 包括html标签, 同时保留空格换行
     -->
     <button>获取今天的日期</button>
     <div>来个事件</div>
     
     <script>
         // 获取元素
         var btn = document.querySelector('button')
         var div = document.querySelector('div')
         // 注册事件
         btn.onclick = function () { 
             div.innerText = getDate();
          }

          function getDate() { 
              var date = new Date();
              var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
              var day = date.getDate();
              return '今天是: ' + date.getFullYear() + '年' + date.getMonth() + '月' + date.getDay() + '日' + arr[date.getDay()]
           }
           
     </script>
</body>
</html>